//模拟登录退出
$(function() {
  $('.login-submit').on('click', function(e) {
    var user = $('input[name=username]').val();
    var pass = $('input[name=password]').val();

    if (user == 'admin' && pass == '666666') {
      // 登录成功
      window.location.href = '/index-login.html';

    } else {
      // 登录失败
      $('.login-error').text('请使用admin/666666登录测试');
    }
    return false;
  });

  $('.login-wrap').on('click', '.exit', function() {
    window.location.href = '/index.html';
  });
});

// 首页导航排版
$(function() {
  var aTopNav = $('.topnav-sort');
  for (var i = 0; i < aTopNav.length; i++) {
    if (i % 5 == 4) {
      aTopNav.eq(i).css({
        'text-align': 'right',
        'width': '180px',
        'margin-left': '15px',
      });
    }
    if (i % 5 == 1 || i % 5 == 2 || i % 5 == 3) {
      aTopNav.eq(i).css({
        'margin-left': '35px',
        'width': '220px'
      });
    }
  }
});

// 文章列表排版
$(function() {
  if ($('.article-l-item')) {
    $('.article-l-item').each(function(index) {
      if (index % 5 == 0) {
        $(this).css({
          'margin-bottom': '10px',
          'border-bottom': '1px solid #efefef',
          'padding-bottom': '10px'
        })
      }
    });
  }
});

// 图片排版
$(function() {
  if ($('.img-trumb img')) {
    $('.img-trumb img').each(function(index) {
      var height = $(this).height();
      $(this).css({
        'margin-top': -height / 2
      });
    });
    $('.img-trumb').each(function(index) {
      if ((index - 1) % 3 == 0) {
        $(this).css({
          'margin': '0 38px'
        });
      }
    });
  }
});

// 点赞
var alreadyZan = false;
$(function() {
  // 根据点赞的状态来判断样式
  if (alreadyZan) {
    $('.article-metal a').addClass('zaned');
  } else {
    $('.article-metal a').removeClass('zaned');
  }


  $('.article-metal a').on('click', function(event) {
    // 取点赞数
    var num = $('.article-metal a').text().match(/\d+/g)[0];
    // console.log(num);
    if (alreadyZan) {
      // 已经点赞，点击 num -1
      $('.article-metal a').text('点赞(' + (--num) + ')');
      textSlideUpFade('- 1', '.article-metal a', event);
    } else {
      // 未点赞，点击
      $('.article-metal a').text('点赞(' + (++num) + ')');
      textSlideUpFade('+ 1', '.article-metal a', event);
    }
    $('.article-metal a').toggleClass('zaned');
    alreadyZan = !alreadyZan;
    // 将num发给服务器
    // function(){...}
  });
});

// 文字向上移动消失函数
function textSlideUpFade(text, parent, event) {
  var floatNum = $('<div>' + text + '</div>');
  floatNum.css({
    'position': 'fixed',
    'left': event.pageX + 'px',
    'top': event.pageY + 'px',
    'font-size': '18px',
    'font-weight': 'bold',
    'z-index': 9999
  });
  $(parent).append(floatNum);
  var t = event.pageY;
  var final_t = event.pageY - 50;
  setInterval(function() {
    if (t > final_t) {
      t--;
      floatNum.css('top', t + 'px');
    } else {
      floatNum.remove();
    }
  }, 10);
}

// login
$(function() {
  // 鼠标移入登录按钮
  $('.login-wrap').on('mouseenter', '.btn-login', function() {
    $('.usernamelogin').addClass('focus');
    $('.codelogin').removeClass('focus');
    $('.usernamelogin-body').css('display', 'block');
    $('.codelogin-body').css('display', 'none');
    $('.login-window').stop(true, true).fadeIn(200);
    $('.login-error').html('');
  });
  $('.login-wrap').on('click', '.btn-login', function(e) {
    $('.login-window').stop(true, true).fadeToggle(200);
    e.stopPropagation();
  });
  // 鼠标点击页面
  $(document).on('click', function(e) {
    $('.login-window').stop(true, true).fadeOut(200);
  });
  $('.login-window').on('click', function(e) {
    e.stopPropagation();
  });
  // 鼠标移出登录窗口
  // $('.login-window').on('mouseleave', function(){
  //   $(this).stop(true, true).fadeOut(200);
  // });
  //  页面滚动
  $(document).on('scroll', function() {
    $('.login-window').stop(true, true).fadeOut(200);
  });
  // 登录切换
  $('.codelogin').on('click', function() {
    $(this).addClass('focus');
    $('.usernamelogin').removeClass('focus');
    $('.codelogin-body').css('display', 'block');
    $('.usernamelogin-body').css('display', 'none');
    if (global_ajax_run) return false;
    $.ajax({
      url: '/virtualdatas/login-erweima.json',
      dataType: 'json',
      beforeSend: function() {
        $('.codelogin-erweima').html('');
        ajaxBeforeSend($('.codelogin-erweima'));
      },
      complete: function() {
        ajaxCompleted($('.codelogin-erweima'));
      },
      success: function(json) {
        $('.codelogin-erweima').html('<img src="' + json.src + '" alt="扫码登录">');
      },
      error: function(err) {
        $('.codelogin-erweima').append('<div style="font-size:10px;text-align:center">数据加载失败</div>');
        console.log('扫码二维码调入失败');
      }

    });
  });
  $('.usernamelogin').on('click', function() {
    $(this).addClass('focus');
    $('.codelogin').removeClass('focus');
    $('.usernamelogin-body').css('display', 'block');
    $('.codelogin-body').css('display', 'none');
  });
});

// 登录后菜单
$(function() {
  $('.login-wrap').on('mouseenter', '.statusin-username', function() {
    $('.statusin-window').stop(true, true).slideDown(200);
  });
  $('.login-wrap').on('click', '.statusin-username', function(e) {
    $('.statusin-window').stop(true, true).slideToggle(200);
    e.stopPropagation();
  });

  $(document).on('scroll', function() {
    $('.statusin-window').stop(true, true).slideUp(300);
  });
  $('.statusin-window').on('mouseleave', function() {
    $(this).stop(true, true).slideUp(300);
  });
  // 鼠标点击页面
  $(document).on('click', function(e) {
    $('.statusin-window').stop(true, true).slideUp(300);
  });
  $('.statusin-window').on('click', function(e) {
    e.stopPropagation();
  });
});

// 微信公众号按钮
$(function() {
  $('.btn-weixin').on('mouseenter', function() {
    $('.weixin-window').stop(true, true).slideDown(200);
  });
  $('.btn-weixin').on('mouseleave', function() {
    $('.weixin-window').stop(true, true).slideUp(200);
  });
});

// 网站地图按钮
$(function() {
  $('.btn-sitemap').on('mouseenter', function(e) {
    $('.sitemap-window').stop(true, true).slideDown(300);
    e.stopPropagation();
  });
  $('.btn-sitemap').on('click', function(e) {
    $('.sitemap-window').stop(true, true).slideToggle(300);
    e.stopPropagation();
  });
  $(document).on('scroll', function() {
    $('.sitemap-window').stop(true, true).slideUp(300);
  });
  $('.sitemap-window').on('mouseleave', function() {
    $(this).stop(true, true).slideUp(300);
  });
  // 鼠标点击页面
  $(document).on('click', function(e) {
    $('.sitemap-window').stop(true, true).slideUp(300);
  });
  $('.sitemap-window').on('click', function(e) {
    e.stopPropagation();
  });
});

// 推荐图书swiper模块
$(function() {
  if ($('.swiper-container2').length == 0) return false;

  var mySwiper = $('.swiper-container2').swiper({
    loop: true,
    mode: 'vertical',
    autoplay: 10000,
    autoplayDisableOnInteraction: false,
    // visibilityFullFit : true,
    pagination: '.swiper-p2',
    paginationClickable: true,
    grabCursor: true,
    //其他设置
  });

  // $('.arrow-left').on('click', function(e) {
  //   e.preventDefault();
  //   mySwiper.swipePrev();
  // })
  // $('.arrow-right').on('click', function(e) {
  //   e.preventDefault();
  //   mySwiper.swipeNext();
  // })
});

// 首页左上角swiper模块
$(function() {
  if ($('.swiper-container1').length == 0) return false;

  var mySwiper = $('.swiper-container1').swiper({
    loop: true,
    autoplay: 5000,
    autoplayDisableOnInteraction: false,
    // visibilityFullFit : true,
    pagination: '.swiper-p1',
    paginationClickable: true,
    grabCursor: true,
    //其他设置
  });

  // $('.arrow-left').on('click', function(e) {
  //   e.preventDefault();
  //   mySwiper.swipePrev();
  // });
  // $('.arrow-right').on('click', function(e) {
  //   e.preventDefault();
  //   mySwiper.swipeNext();
  // });
});

// 回到顶部
$(function() {
  $('.backtotop').on('click', function() {
    $('html,body').stop(true).animate({
      'scrollTop': 0
    }, 300);

    return false;
  });
});

// tab切换
$(function() {
  // // 新闻
  // tabSwitch($('#news'), [function() {
  //   loadDatas('news1.json', 5, $('#news'));
  //   loadDatas('news1.json', 5, $('#news'));
  //   loadDatas('news2.json', 8, $('#news'));
  //   loadDatas('news3.json', 12, $('#news'));
  // }, function() {
  //   loadDatas('activity.json', 20, $('#news'));
  //   loadDatas('resources.json', 15, $('#news'));
  //   loadDatas('technology.json', 8, $('#news'));
  // }, function() {
  //   loadDatas('technology.json', 8, $('#news'));
  //   loadDatas('activity.json', 20, $('#news'));
  //   loadDatas('resources.json', 15, $('#news'));
  // }]);
  //
  // // 活动
  // tabSwitch($('#activity'), [function() {
  //   loadDatas('resources.json', 8, $('#activity'));
  // }, function() {
  //   loadDatas('activity.json', 8, $('#activity'));
  // }, function() {
  //   loadDatas('technology.json', 8, $('#activity'));
  // }]);
  //
  // // 科技
  // tabSwitch($('#technology'), [function() {
  //   loadDatas('resources.json', 8, $('#technology'));
  // }, function() {
  //   loadDatas('activity.json', 8, $('#technology'));
  // }, function() {
  //   loadDatas('technology.json', 8, $('#technology'));
  // }]);
  //
  // // 资源
  // tabSwitch($('#resources'), [function() {
  //   loadDatas('resources.json', 8, $('#resources'));
  // }, function() {
  //   loadDatas('activity.json', 8, $('#resources'));
  // }, function() {
  //   loadDatas('technology.json', 8, $('#resources'));
  // }]);
});

// tab切换函数
// tabSwitch(最外层元素,tab对应的行数数组)
function tabSwitch(ele, arr) {
  ele.find('.nav-list').each(function(index) {
    var tabBody = $(this).parents('.tab').find('.tab-body');
    $(this).on('mouseenter', function() {
      // 如果是当前tab,则退出
      if ($(this).hasClass('active')) return false;
      // 如果存在其他ajax函数,则退出
      if (global_ajax_run) return false;
      ele.find('.nav-list').each(function() {
        $(this).removeClass('active');
      });
      $(this).addClass('active');
      tabBody.empty();

      for (var i = 0; i < arr.length; i++) {
        if (i == index) {
          // 执行对应的数据调取函数
          arr[i]();
        }
      }
    });
  });
}

// ajax加载数据
$(function() {
  // loadDatas('testnews.json', 5, $('#news'));
  // loadDatas('news1.json', 5, $('#news'));
  // loadDatas('news2.json', 8, $('#news'));
  // loadDatas('news3.json', 12, $('#news'));
  //
  // loadDatas('activity.json', 8, $('#activity'));
  // loadDatas('technology.json', 8, $('#technology'));
  // loadDatas('resources.json', 8, $('#resources'));
  // loadDatas('linkarea.json', 8, $('#linkarea'));

  GetContentsJSON('目录:公告文章', 0, 0, function(json){
    appendTitle('#news', 8, eval("('"+json.replace(/\s+/g,'')+"')"));
  });

  GetContentsJSON('目录:活动', 0, 0, function(json){
    appendTitle('#news', 8, eval("('"+json.replace(/\s+/g,'')+"')"));
  });
});

// 插入请求结果
function appendTitle(ele, count, json) {
  var $ul = $('<ul class="arc-title showInBottom a-time003"></ul>');
  for (var i = 0; i < count; i++) {
    if (json.article[i]) {
      if (i == 0) {
        var $li = $('<li class="arc-title first"><a href="/' + json.article[i].ID + '">' + json.article[i].Title + '</a></li>');

        $ul.append($li);
      } else {
        var $li = $('<li class="arc-title"><a href="/' + json.article[i].ID + '">' + json.article[i].Title + '</a></li>');

        $ul.append($li);
      }
    }
  }
  $(ele).find('.tab-body').append($ul);
}

//ajax请求状态锁
var global_ajax_run = false;
// ajax 加载数据函数
// loadDatas(文件名称, 调入条数, 最外层元素)
function loadDatas(filename, count, ele) {
  ele = ele.find('.tab-body');
  $.ajax({
    url: '/virtualdatas/' + filename,
    dataType: 'json',
    beforeSend: function() {
      ajaxBeforeSend(ele);
    },
    complete: function() {
      ajaxCompleted(ele);
    },
    success: function(json) {
      var $ul = $('<ul class="arc-title showInBottom a-time003"></ul>');
      for (var i = 0; i < count; i++) {
        if (json.article[i]) {
          if (i == 0) {
            var $li = $('<li class="arc-title first"><a href="/' + json.article[i].id + '">' + json.article[i].title + '</a></li>');

            $ul.append($li);
          } else {
            var $li = $('<li class="arc-title"><a href="/' + json.article[i].id + '">' + json.article[i].title + '</a></li>');

            $ul.append($li);
          }
        }
      }
      ele.append($ul);
    },
    error: function(err) {
      // console.log('数据读取失败');
      ele.append('<div style="font-size:10px;text-align:center">数据加载失败</div>');
      console.log(err.responseText);
      global_ajax_run = false;
    }
  });
}

// ajax发送前loading函数
function ajaxBeforeSend(ele) {
  var $loading = '<div class="loading"><i class="loading-img"></i>数据加载中...</div>';
  ele.append($loading);

  global_ajax_run = true;
}

// ajax请求完成函数
function ajaxCompleted(ele) {
  ele.find('.loading').remove(); //删除loading
  // 插入li
  global_ajax_run = false;
}

// GetContentsJSON('目录:公告文章', 0, 0, function(contents) {
//   console.log(contents);
// });

// function GetContentsJSON(fn) {
//   $.ajax({
//     url: 'virtualdatas/testnews.json',
//     dataType: 'json',
//     success(data){
//       fn(data);
//     },
//     error(err) {
//       console.log(err);
//     }
//   })
// }
